page{height: 100%;}
.join-button{
	background: linear-gradient(148deg, $color-linear-1-start 0%, $color-linear-1-end 100%);
}
.member-mask{
	position: absolute;left: 0;right: 0;bottom: 0;height: 300rpx;
	background: linear-gradient(#FFFFFF 0%, #030303 100%);
}
.member-mask-btn{
	position: absolute;left: 0;right: 0;bottom: 44rpx;
	color: #DAAD7F;
}

.bar{
	margin: 32rpx 32rpx 0;
	background: linear-gradient(138deg, #53D6D6 0%, #4AC2C1 70%);
	padding:24rpx 44rpx;
}
.member-gold-text{
	font-weight: 600;
	color: #1A9695;
	background: linear-gradient(161deg, #FFEFD9 0%, #F2C789 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.bar-title{
	
}
.bar-main{
	color: #F2C88B;
}
.bar-img{
	width: 96rpx;
	height: 88rpx;
}
.content{
	box-shadow: 0px 1px 5px 0px rgba(202, 202, 202, 0.25);
	border:1px solid #F0C27F;
}
.medal{
	position: absolute;
	top:-24rpx;
	right:0;
	width: 224rpx;
	padding:16rpx 0;
	text-align: center;
	border-radius: 0px 32rpx 0px 32rpx;
	background: linear-gradient(109deg, #FFE8D1 0%, #DAAD7F 100%);
}
.medal-color{color: #824E03;}
.line{
	width: 60rpx;
	height: 2rpx;
	background-color: #ECC593;
}
.medal-color-1{
	color:#DAAD7F;
}
